<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>资源预览</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" href="../../css/mooc.css">
	</head>

	<body>
		<style>
			.headbar1 {
				position: relative;
			}
			
			.headbar {
				background-color: #ffffff;
			}
			
			.mui-slider-indicator {
				background-color: white;
			}
			
			.mui-title {
				color: #333333;
			}
			
			.mui-control-content {
			}
			
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
				border-bottom: 0px solid #c8c7cc;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 20px;
			}
			
			.mui-content-view {
				height: 200px;
				overflow-y: hidden;
				background-color: #FFFAFA;
			}
			
			#viewtip {
				text-align: center;
				padding-top: 180px;
				background-color: #EDEDED;
				height: 100%;
				background-color: #00121e;
				background-image: url(../../images/videodefault.png);
				background-repeat: no-repeat;
				background-position: 50% center;
				background-size:100% 100%; 
			}
			
			.mui-bar.mui-bar-nav .mui-icon.mui-icon-help {
				margin-right: 10px;
			}
			
			.mui-icon-left-nav {
				color: #333333;
			}
			
			.mui-icon-download {
				color: #3ac9af;
				font-size: 30px;
				font-weight: bold;
				width: 40px;
			}
			
			#catalogs-div > :first-child.catalog-div {
				margin-top: 10px;
			}
			
			#catalogs-div > .catalog-div {
				margin-bottom: 10px;
			}
			
			.catalog-name {
				background-color: white;
				height: 48px;
			}
			
			.catalog-name p {
				position: absolute;
				left: 20px;
				margin-top: 15px;
				color: black;
				font-size: 17px;
			}
			
			.catalog-ress {
				background-color: white;
				margin-top: 1px;
				padding: 1px 5px 15px 1px;
			}
			
			.res-div {
				height: 38px;
				border-bottom: 1px solid #f8f8f8;
			}
			
			.restype-div {
				float: left;
				width: 60px;
				text-align: center;
				color: #fff;
				font-size: 13px;
				padding: 2px 0px 2px 0px;
				margin-left: 20px;
				margin-top: 7px;
			}
			
			.restype-div.sp {
				background: #4cc8e7;
			}
			
			.restype-div.jy {
				background: #ff9d34;
			}
			
			.restype-div.xt {
				background: #ff9d34;
			}
			
			.restype-div.st {
				background: #a5b9eb;
			}
			
			.restype-div.stjc {
				background: #799aed;
			}
			
			.restype-div.tp {
				background: #95c85d;
			}
			
			.restype-div.kj {
				background: #ff8873;
			}
			
			.resname-div {
				float: left;
				margin-left: 20px;
				margin-top: 7px;
			}
			
			.res-div .download-div {
				float: right;
				margin-right: 20px;
				margin-top: 7px;
			}
			
			.download-div {
				width: 50px;
				height: 25px;
				padding-left: 8px;
			}
			
			.download-div .status0 {
				border: 2px solid #ffb36e;
				border-radius: 6px;
				color: #ffb36e;
				width: 50px;
				height: 25px;
				padding-left: 8px;
			}
			
			.download-div .status1 {
				background: url(../images/jing.png) no-repeat center;
				color: #ffb36e;
				width: 50px;
				height: 25px;
				padding-left: 8px;
			}
			
			.download-div .status2 {
				color: #b7b7b7;
			}
			
			.download-div .status3 {
				border: 2px solid #ffb36e;
				border-radius: 6px;
				color: #ffb36e;
				width: 50px;
				height: 25px;
				padding-left: 8px;
			}
			/**提问输入框**/
           .putques-div{
           	position: fixed;
           	margin:30px 10% 10px 10%;
           	width:80%;
           	height:252px;
           	background-color: #f7f9fc;
           	z-index: 1000;
           	border: 1px solid #e0e2e5;
           	border-radius:15px;
           	display: none;
           }
          .putques-div .textdiv{
          	height:195px;
          	border-radius:15px 15px 0px 0px;
          	background-color:#f7f9fc;
          }
          .textdiv textarea{
          	background-color:#f7f9fc;
          	border:none;
          	border-radius:15px 15px 0px 0px;
          }
          .putques-div .btndiv{
          	width:100%;
          	height:55px;
          	border-radius:0px 0px 15px 15px;
          	background-color:#ffffff;
          	text-align: center1;
          	padding-top:18px;
          	border-top: 1px solid #eaecee;
          }
          .btndiv .submitques{
          	text-align: center;
          	 display:inline-block;
          	width:50%;
          	font-size: 19px;
          	margin-top:1px;
          	color: #3ac9af;
          }
          .btndiv .cancelques{
          	text-align: center;
          	 display:inline-block;
          	width:50%;
          	font-size: 19px;
          	margin-top:1px;
          	color: #3ac9af;
          }
			/****研讨信息****/
			
			.mui-scroll-wrapper {
				background-color: white;
				margin-top:0px;
			}
			
			.discussinfo-div {
				color: #4a4a4a;
				padding: 10px 18px 10px 18px;
			}
			
			.discussinfo-div .discuss-title {
				line-height: 38px;
			}
			
			.discuss-title .circle {
				color: #ced9e1;
				font-size: 11px;
			}
			
			.discuss-title .title {
				margin-left: 11px;
				font-size: 17px;
			}
			
			.discuss-creator {
				font-size: 15px;
			}
			.discuss-creator .createtime{
				margin-left:10px;
			   color:#aeaeae;
			}
			.discuss-creator .creator {
				margin-left: 6px;
			}
			
			.discuss-creator .creatorvalue {
				margin-left: 10px;
			}
			
			.discuss-creator img {
				width: 13px;
			}
			
			.discuss-yaoqiu {
				font-size: 15px;
			}
			
			.discuss-yaoqiu img {
				width: 13px;
			}
			
			.discuss-yaoqiu .yaoqiutitle {
				margin-left: 6px;
				line-height: 38px;
			}
			
			.yaoqiuvalue {
				margin-left: 16px;
				margin-top: 10px;
				font-size: 15px;
				white-space: normal
			}
			/****研讨资料****/
			
			.discuss-row {
				padding: 20px 0px 0px 0px
			}
			
			.discussfile {
				float: left;
				height: 100px;
				width: 33%;
				text-align: center;
				padding-top: 53px;
				background: url("../../images/discussfiledefault.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
				background-size: 35px 35px;
			}
			.discussfile.cur{
				border:1px solid #f2f2f1;
			}
			/****视频列表*****/
			
			.videolist-div {
				width:100%;
				background-color: white;
				height: 50px;
				margin-bottom: 10px;
				padding: 0px 0px 0px 10px;
				white-space: nowrap;
		        overflow-y: hidden;
			}
			
			.videolist-div span {
				display:inline-block;
				white-space: normal;
				height: 50px;
				border-right: 1px solid #eaeaea;
				padding: 10px 5px 5px 8px;
				color: #4a4a4a;
			}
			.videolist-div span.cur{
				background: #f2f2f1;
			}
			/****讨论列表****/
			
			.resquess-div .question {
				margin-top: 8px;
				padding: 10px 18px 10px 18px;
				border-bottom: 5px solid #f8f8f8;
			}
			
			.question .ques-content {
				background-color: white;
			}
			
			.ques-content .elseinfo {
				height: 60px;
				padding: 0px 0px 0px 0px;
			}
			.ques-content .elseinfo .userimg{
			float:left;
			margin-right:10px;
		}
			.elseinfo .userimg img{
			border-radius: 23px;
			float:left;
			width:45px;
			height:45px;
		}
			.elseinfo p {
				height: 13px;
			}
			
			.elseinfo .p1 {
				color: #4a4a4a;
			}
			
			.elseinfo .c2 {
				float: right;
			}
			
			.content-value {
				white-space: normal;
			}
			
			.reply-div {
				height: 30px;
			}
			
			.reply-div img {
				margin-top: 5px;
				margin-right: 3px;
				float: right;
				height: 18px;
				width: 20px;
			}
			
			.question .ques-answers {
				margin-top: 2px;
			}
			
			.answer {
				padding: 10px 0px 10px 0px;
				background: white;
				white-space: normal;
				border-top: 1px solid #f8f8f8;
			}
			
			.answer .answeruser {
				height: 30px;
				color: #7b7b7b;
			}
			
			.answeruser .date {
				margin-left: 25px;
			}
			
			.answer-content .hfr {
				color: #7b7b7b;
				margin-right: 10px;
			}
			
			.noquestip {
				background-color: white;
				height: 200px;
				text-align: center;
				font-size: 17px;
				padding-top: 60px;
				margin-top: 10px;
			}
			/****新增问题按钮*****/
			.addquesdiv{
				margin-top:10px;
				text-align: center;
				height:45px;
				border-top: 2px  solid #d9d9d9;
				bottom: 0px;
				width:100%;
			}
			.addquesdiv .addquesspan{
				float:left;
				margin-left:10%;
				margin-top:7px;
				width:80%;
				padding:2px 0px 2px 0px;
				border: 1px  solid #d9d9d9;
				color:#a5a5a5;
			}
			#downloadvideo{
				display:none;
			}
		</style>
		<form>
			<input type="hidden" id="fDiscussid">
	        <input type="hidden" id="fDiscussname">
		    <input type="hidden" id="fParentid">
		    <input type="hidden" id="fAttachtitle">
		    <input type="hidden" id="fAttachid">
		    <input type="hidden" id="fVideoPath">
		</form>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a id="downloadvideo" class="opennoteview mui-icon mui-icon-download mui-pull-right"></a>
			<h1 class="mui-title" id="discusstitle"></h1>
		</header>
		<div class="mui-content">
			<!--提问框start-->
			<div class="putques-div" id="putques-div">
				<div class="textdiv"><textarea id="questextarea" rows="8" placeholder="请输入您的问题..."></textarea></div>
				<div class="btndiv"><span class="submitques">提交</span><span class="cancelques">取消</span></div>
			</div>
			<!--提问框end-->
			<!--播放框start-->
			<div class="mui-content-view" id="viewres">
				<div id="viewtip"></div>
			</div>
			<!--播放框end-->
			<!--视频列表start-->
			<div class="videolist-div" id="videolist">
				<!--<span>电流表的使用电流表的使用</span><span>机械设计</span><span>机械绘图教程</span><span>机械绘图教程</span><span>机械绘图教程</span>-->
			</div>
			<!--视频列表start-->
			<!-- 切换列表start -->
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item  mui-active" href="#item1mobile">研讨信息</a>
					<a class="mui-control-item" href="#item2mobile">研讨资料</a>
					<a class="mui-control-item" href="#item3mobile">讨论列表</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<!--研讨信息start -->
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--example start-->
								<div class="discussinfo-div" id="discussinfo-div">
									<div class="discuss-title"><span class="circle">●</span><span class="title" id="discusstitle1"></span></div>
									<div class="discuss-creator"><img src="../../images/tou.png" /><span class="creator">发起人:</span><span class="creatorvalue" id="discusscreate"></span></div>
									<div class="discuss-yaoqiu"><img src="../../images/icon94.png" /><span class="yaoqiutitle">研讨要求</span></div>
									<div class="yaoqiuvalue" id="discussyaoqiu"></div>
								</div>
								<!--example end-->
							</div>
						</div>
					</div>
					<!--研讨信息end -->
					<!--研讨资料start -->
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--example start-->
								<div class="discussfile-div" id="discussfile-div">
									<div class="discuss-row" id="disfiles">
										<!--<span class="discussfile">电流表资料</span>
										<span class="discussfile">电流表资料</span>
										<span class="discussfile">电流表资料</span>-->
									</div>
								</div>
								<!--example end-->
							</div>
						</div>
					</div>
					<!--研讨资料end -->
					<!--讨论列表start -->
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll resquess-div" id="resquess-div">
								<!--example start-->
								<div class="questions" id="questions">
									<!--
									<div class="question">
										<div class="ques-content">
											<div class="elseinfo">
												<span class="userimg"><img data-lazyload="1"></span>
												<p class="p1">李晓娟</p>
												<p class="p2"><span class="c1">机械设计(1)班</span><span class="c2">2016-03-26 12:23</span></p>
											</div>
											<div class="content-value">这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊这个字怎么念啊</div>
											<div class="reply-div"><img src="../../images/reply.png"></div>
										</div>
										<div class="ques-answers">
											<div class="answer">
												<div class="answeruser"><span>王倩(老师)</span><span class="date">2015-12-12 12:23</span></div>
												<div class="answer-content"><span class="hfc">这个视频从机械原理讲起，真正让学院抛开书籍轻松快乐的学习，本资源通俗易懂，让你更高效的学习。</span></div>
											</div>
											<div class="answer">
												<div class="answeruser"><span>王倩(老师)</span><span class="date">2015-12-12 12:23</span></div>
												<div class="answer-content"><span class="hfr">回复&nbsp;王倩:</span><span class="hfc">这个视频从机械原理讲起，真正让学院抛开书籍轻松快乐的学习，本资源通俗易懂，让你更高效的学习。</span></div>
											</div>
										</div>
									</div>
									-->
								</div>
								<!--example end-->
								<div class="addquesdiv" id="addquesdiv">
								  <span class="addquesspan" id="addquesspan" questionid="0">有什么感想快来说说吧</span>
								</div>
							</div>
						</div>
					</div>
					<!--讨论列表end -->
				</div>
			</div>
			<!--切换列表end-->
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/fastclick.js"></script>
		<script src="../../js/mui.lazyload.js"></script>
	    <script src="../../js/mui.lazyload.img.js"></script>
		<script src="../../script/config.js"></script>
		<script src="../../script/moocpublic.js"></script>
		<script src="../../js/zepto.min.js"></script>
		<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
		<script src="../../script/moocpublic.js"></script>
		<script src="script/discussstudy.js"></script>
		<script>
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: false //是否显示滚动条
				});
			})(mui);
		</script>
	</body>

</html>